<template>
  <!-- 404页面 -->
  <div class="mian">
    <div>
      <img src="../assets/img/404.gif" />
    </div>
    <p class="no">糟糕，你访问的页面到外太空啦!</p>
    <el-button type="primary" class="butt" @click="go">返回</el-button>
  </div>
</template>

<script scoped>
import {
  Check,
  Delete,
  Edit,
  Message,
  Search,
  Star
} from '@element-plus/icons-vue'
export default {
  methods: {
    go () {
      // 路由跳转
      this.$router.push('/Login')
    }
  }
}
</script>

<style lang="less" scoped>
.mian {
  text-align: center;
  .no {
    color: #ccc;
  }
  .butt {
    text-align: abs;
    background-color: #3f98ec;
  }
}
</style>
